<template>
  <Layout style="align-items: center">
    <LayoutSide @click="close">
      <div class="user-manual-select-header-left-button">
        <span class="iconfont">&#xe910;</span>
      </div>
    </LayoutSide>
    <LayoutBody style="text-align: center; font-weight: bolder">
      <VanTextEllipsis :content="content"/>
    </LayoutBody>
  </Layout>
</template>
<script setup>
import Layout from '@comp/Layout/Layout.vue';
import LayoutSide from '@comp/Layout/LayoutSide.vue';
import LayoutBody from '@comp/Layout/LayoutBody.vue';
import {closePopup, createProps} from '@/utils';

defineOptions({name: 'UserManualSelectHeader'})
const props = defineProps({
  content: createProps(String)
});

function close() {
  closePopup();
}
</script>
<style scoped lang="less">
.user-manual-select-header-left-button .iconfont {
  font-size: 1.3em !important;
  font-weight: bolder
}
.user-manual-select-header-left-button {
  padding: 0.5em;
  background: #fefefe;
}
</style>